<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  </head>

  <body>

    <div ng-include="headerInclude"></div>
    <div ng-controller="Apiman.NewPluginController" id="form-page" class="container-pf-nav-pf-vertical container-fluid apiman-entity-new page" data-field="page" ng-cloak="" ng-show="pageState == 'loaded'">
      <div class="row">
        <h2 class="title" apiman-i18n-key="new-plugin">Add Plugin</h2>
      </div>
      <!-- Helpful hint -->
      <div class="row">
        <p apiman-i18n-key="new-plugin-help-text" class="col-md-6 apiman-label-faded">Adds a plugin to the API Manager.  A plugin is identified by its "coordinates", which are its maven artifact details (groupId, artifactId, version, classifier, type).  Enter valid values below and click add!</p>
      </div>
      <!-- HR -->
      <div class="row hr-row">
        <hr/>
      </div>
      <div class="row">
        <h3 class="" apiman-i18n-key="plugin-coordinates">Plugin Coordinates</h3>
      </div>
      <div class="row">
        <dl>
          <dt apiman-i18n-key="group-id">Group Id</dt>
          <dd>
            <input ng-model="plugin.groupId" id="apiman-group-id" data-field="groupId" type="text" class="apiman-form-control form-control entityname" apiman-i18n-key="enter-gav-groupid" placeholder="Enter groupId...">
          </dd>
        </dl>
      </div>
      <div class="row">
        <dl>
          <dt apiman-i18n-key="artifact-id">Artifact Id</dt>
          <dd>
            <input id="artifact-id" ng-model="plugin.artifactId" type="text" class="apiman-form-control form-control entityname" apiman-i18n-key="enter-gav-artifactid" placeholder="Enter artifactId...">
          </dd>
        </dl>
      </div>
      <div class="row">
        <dl>
          <dt apiman-i18n-key="version">Version</dt>
          <dd>
            <input id="version" ng-model="plugin.version" type="text" class="apiman-form-control form-control entityname" apiman-i18n-key="enter-gav-version" placeholder="Enter version (e.g. 1.0)..." style="width: 175px">
          </dd>
        </dl>
      </div>
      <div class="row">
        <dl>
          <dt apiman-i18n-key="classifier.optional">Classifier (optional)</dt>
          <dd>
            <input id="classifier" ng-model="plugin.classifier" type="text" class="apiman-form-control form-control entityname" apiman-i18n-key="enter-gav-classifier" placeholder="Enter classifier...">
          </dd>
        </dl>
      </div>
      <div class="row">
        <dl>
          <dt apiman-i18n-key="type.optional">Type (optional)</dt>
          <dd>
            <input id="type" ng-model="plugin.type" type="text" class="apiman-form-control form-control entityname" apiman-i18n-key="enter-gav-type" placeholder="Enter type (e.g. jar)..." style="width: 175px">
          </dd>
        </dl>
      </div>
      <!-- HR -->
      <div class="row hr-row">
        <hr/>
      </div>
      <!-- Create Button -->
      <div class="row">
        <button id="add-plugin" ng-disabled="!isValid" apiman-action-btn="" class="btn btn-primary" data-field="addButton" apiman-i18n-key="add-plugin" placeholder="Adding..." data-icon="fa-cog" ng-click="addPlugin()">Add Plugin</button>
        <a id="cancel" href="javascript:window.history.back()" class="btn btn-default btn-cancel" data-field="cancelButton" apiman-i18n-key="cancel">Cancel</a>
      </div>
    </div> <!-- /container-pf-nav-pf-vertical container-fluid -->
  </body>
</html>
